<template>
	<div class="assistline">
		<section
			class="contan"
			:style="{
				height: datas.blankHeight + 'px',
			}"
		>
			<div
				style="height: 1px; width: 100%; border-top-width: 1px"
				:style="{
					'border-top-style': datas.mode,
					'border-top-color': datas.lineColor,
				}"
			/>
		</section>

		<slot name="deles" />
	</div>
</template>

<script setup lang="ts" name="assistline">
const props = defineProps({
	datas: {},
});
</script>

<style scoped lang="scss">
.assistline {
	position: relative;
	min-height: 30px;
	.contan {
		display: flex;
		align-items: center;
	}
}
</style>
